﻿<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>秒杀神器</title>
<!--autor: carriehuang | QQ:453555909 | 转载需注明原处-->
<head>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
        }
        .wrap{
            width:500px;
            height:100px;
            font-size: 40px;
        }
        .buying{
            display: block;
            margin: 30px auto;
            height:50px;
            background-color: #bf9547;
            border: none;
            color:#fff;
            font-size: 20px;
            padding:0 20px;
        }
    </style>
</head>
<body>
<div class="wrap" id="j_wrap1">
    <button type="submit" value="" class="buying" id="j_btn">抢购</button>
</div>

<script type="text/javascript">

    window.onload=function(){
        var oWrap = document.getElementById("j_wrap1");
        var oBtn = document.getElementById("j_btn");
        var timer = null;

        //createEvent() 方法创建新的 Event 对象。
        //event.initEvent(eventType,canBubble,cancelable) 方法初始化新事件对象的属性.  eventType	字符串值。事件的类型。canBubble	事件是否起泡。cancelable	是否可以用 preventDefault() 方法取消事件。
        //dispatchEvent() 方法给节点分派一个合成事件。
        //单次定时器
        timer = setTimeout(function() {
            var e = document.createEvent("MouseEvents");
            e.initEvent("click", true, true);
            oBtn.dispatchEvent(e);

        }, 100);
        oBtn.onclick = function(){
            console.log("你已经触发到我这个事件了");
        }
    }
</script>
</body>

</html>
